<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="../layui/css/layui.css">
    <script src="../layui/layui.js"></script>
    <script src="../layui/jquery.js"></script>
</head>
<body>
<table class="layui-table"
       lay-data="{width: 1190, height:550, url:'http://localhost:8080/home', page:true, id:'idTest'}"
       lay-filter="demo">
    <thead>
    <tr>
        <th lay-data="{field:'sid', width:90,align:'center', sort: true, fixed: true}">编号</th>
        <th lay-data="{field:'name',align:'center',width:90}">姓名</th>
        <th lay-data="{field:'age',align:'center',width:90}">年龄</th>
        <th lay-data="{field:'cls', width:180, align:'center'}">班级</th>
    </tr>
    </thead>
</table>
<table class="layui-table">
    <colgroup>
        <col width="150">
        <col width="200">
        <col>
    </colgroup>
    <thead>
    <tr>
        <th>昵称</th>
        <th>加入时间</th>
        <th>签名</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>贤心</td>
        <td>2016-11-29</td>
        <td>人生就像是一场修行</td>
    </tr>
    <tr>
        <td>许闲心</td>
        <td>2016-11-28</td>
        <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
    </tr>
    </tbody>
</table>

</body>
</html>